<template>
  <div style="display: flex;">
    <!-- 搜索栏 -->
    <header></header>
    <!-- 列表的大盒子 -->
    <LogoItem v-for="(item,index) in logos" :data="item" :key="index"/>
    
  </div>
</template>

<script>
import LogoItem from './components/LogoItem.vue';
export default {
  name: 'Home',
  data(){
   return {
    logos:[{
      'title':'FINI TESTING COMP',
      'number':10000,
      'HKD':'HKD 148.000',
      'price':'final offer Price',
      'time':'2023-03-31 09:00',
      'trading':'Commencement of trading date'
    },{
      'title':'bestCompany',
      'number':857737,
      'HKD':'HKD 30.000-40.000',
      'price':'offer Price Range',
      'time':'2022-12-01 12:00:00',
      'trading':'Expected Price Determination Date'
    },{
      'title':'bestCompany',
      'number':857737,
      'HKD':'HKD 30.000-40.000',
      'price':'offer Price Range',
      'time':'2022-12-01 12:00:00',
      'trading':'Expected Price Determination Date'
    },{
      'title':'bestCompany',
      'number':857737,
      'HKD':'HKD 30.000-40.000',
      'price':'offer Price Range',
      'time':'2022-12-01 12:00:00',
      'trading':'Expected Price Determination Date'
    },{
      'title':'bestCompany',
      'number':857737,
      'HKD':'HKD 30.000-40.000',
      'price':'offer Price Range',
      'time':'2022-12-01 12:00:00',
      'trading':'Expected Price Determination Date'
    }]
   }
  },
  components:{
    LogoItem
  }
}
</script>

<style scoped>

</style>
